.adm-drawer {
  --border-radius: 8px;
  --header-height: 28px;

  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
  background: var(--adm-color-white);
  position: fixed;
  z-index: var(--adm-z-index-floating-panel);
  top: 100vh;
  left: 0;
  width: 100vw;
  display: flex;
  flex-direction: column;
  &::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -100vh;
    height: 100vh;
    width: 100vw;
    background: var(--adm-color-white);
  }
  .adm-drawer-header {
    flex: none;
    height: var(--header-height);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: grab;
    user-select: none;
    //pointer-events: none;
    .adm-drawer-bar {
      height: 3px;
      width: 20px;
      border-radius: 10px;
      background: var(--adm-color-light);
    }
  }
  .adm-drawer-content {
    flex: 1;
    overflow-y: scroll;
  }
}
